@charset "utf-8";
/* CSS Document */
/*---------- base ---------*/
*,html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0; vertical-align: baseline; background: transparent;}
html{color:#333333;}
body{ font:12px "Microsoft YaHei","微软雅黑",Verdana,Arial,Tahoma;}
img{ border:none; display:block; margin:0 auto; transition: all 0.36s ease-out; -moz-transition: all 0.36s ease-out; -ms-transition: all 0.36s ease-out; -o-transition: all 0.36s ease-out; -webkit-transition: all 0.36s ease-out;}
a{ color:#333333; text-decoration:none; -webkit-transition: all 0.36s; -moz-transition: all 0.36s; -ms-transition: all 0.36s; -o-transition: all 0.36s; transition: all 0.36s;}
a:hover{color:#2363ae;text-decoration:none;}
ul,li{list-style:none; margin:0px; padding:0px;}
ul::after{content: ''; height: 0; display: block; visibility: hidden; clear: both;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden; clear:both;}
.clearfix:before, .clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{	zoom:1; }
.fl{ float:left;}
.fr{ float:right;}
.middle{ width:100%; max-width:1300px; margin: 0 auto; overflow:hidden;}
.topmiddle{ width:100%; max-width:1300px; margin: 0 auto;}


#back-to-top{position:fixed; bottom:5%; left:96.7%; z-index:99}
#back-to-top a span{ display:block; height:50px; width:50px; background:url(../images/return_top.png) no-repeat center center; margin-bottom:5px; -moz-transition:background 1s;-webkit-transition:background 1s;-o-transition:background 1s;}
#back-to-top a:hover span{background:url(../images/return_top.png) no-repeat center center;}

.sub-web{ width:100%; margin:0 auto; padding:0; text-align:left; box-shadow:0 -2px 3px #F8F8F8 inset;}
.sub-web .wtop{ width:100%;  margin: 0 auto; min-height:45px; background:#f3f5f5;}
.sub-web .wtop .tsection{ width:100%; height:45px; max-width:1300px; margin: 0 auto;}
.sub-web .wtop .tsection .topL{ line-height:44px; font-size:14px; overflow:hidden;}
.sub-web .wtop .tsection .topR{ width:316px; color:#aaa;}
.sub-web .wtop .tsection .topR p{ position:relative; float:left; font-size:14px; line-height:44px;}
.sub-web .wtop .tsection .topR p a{ color:#aaa;}
.sub-web .wtop .tsection .topR p:nth-child(1){ padding-left:30px; width:100px; background:url(../images/icon-wx.png) left no-repeat; cursor:pointer;}
.sub-web .wtop .tsection .topR p:nth-child(2){ padding-left:30px; margin-left:20px; background:url(../images/icon-home.png) left no-repeat;}
.sub-web .wtop .tsection .topR p:nth-child(3){ padding-left:30px; margin-left:20px; background:url(../images/icon-phone.png) left no-repeat;}
.sub-web .wtop .tsection .topR p em { position:absolute; bottom:-102px; left:0px; transform:scale(0); transition:0.5s; z-index:10;}
.sub-web .wtop .tsection .topR p:hover em { transform:scale(1);}
.sub-web .wtop .tsection .topR p em img{ width:100px;}
.sub-web .wcenter{ width:100%;  display:block; padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.sub-web .wcenter .Llogo{ display:block; padding:0; margin:0; text-align:center; overflow:hidden;}
.sub-web .wcenter .Llogo a{ display:block; padding:30px 0; overflow:hidden;}
.sub-web .wcenter .Llogo a img{ display:block;}
.sub-web .wcenter .Rphone{ display:block; margin-left:0; margin-top:55px; padding-left:52px; background:url(../images/phoneico.png) no-repeat left center;}
.sub-web .wcenter .Rphone p{ display:block; text-align:left; overflow:hidden;}
.sub-web .wcenter .Rphone p:nth-of-type(1){ font-size:16px; line-height:22px; text-align:right;}
.sub-web .wcenter .Rphone p:nth-of-type(2){ line-height:32px; font-size:24px; font-weight:bold; color:#2363ae; }
.sub-web .wbottom{ width:100%; position:relative; display:block; min-height:72px; padding:0; margin:0 auto; text-align:center; background:#2363ae;}
.sub-web .wbottom span{ height: 100%; background: #f1c61e; width: 464.5px; display: block; position: absolute; top: 0;left: 0; border-radius: 0 35px 35px 0; z-index:0; overflow: hidden;}


/* --------- 导航 ----------------*/
#navMenu{ width:100%; max-width:1300px; padding:0; margin:0 auto; text-align:center; overflow:hidden;}
#navMenu ul{ display:block; margin:0 auto; padding:0; text-align:center; overflow:hidden;}
#navMenu ul li{ display:block; float:left; width:12.5%; margin:0; padding:0; text-align:center; overflow:hidden;}
#navMenu ul li a{ display:block; position:relative; line-height:72px; font-size:16px; color:#FFF; text-align:center; z-index:9;}
#navMenu ul li a:before{ position:absolute; left:50%; bottom:0; content:''; margin-left:-32px; height:3px; width:64px; background:rgba(0,0,0,0.0); overflow:hidden; transition: all 0.36s;}
#navMenu ul li:hover a:before{ background:rgba(255,255,255,0.9);}
#navMenu ul li.hover a:before{  background:rgba(255,255,255,0.9);}


/*-------- 下拉菜单 --------------*/
.dropMenu { position:absolute; top:0; z-index:100; width:150px; margin:-1px 0 0 0; padding:0; visibility: hidden;}
.dropMenu li { margin:0; padding:0; text-align:center; height:50px; background:#000; filter:alpha(opacity=80) !important;opacity:0.8 !important; border-bottom:1px #666 solid;}
.dropMenu li:hover{ background:#ee1d22; color:#FFF; filter:alpha(opacity=100) !important;opacity:1 !important; cursor:pointer;}
.dropMenu li a { width:100%; display: block; line-height:40px; padding:5px 0; margin:0; font-size:15px; color:#FFF; transition: all 0s; text-align:center;}
.dropMenu li a:hover { color:#FFF; background:#ee1d22; text-decoration:none;}

/*-------- 轮播图 --------------*/
.banner{width:100%; height:650px; margin:0 auto; text-align:center; clear:both; overflow:hidden;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.focusBox { position: relative; width:100% !important; text-align:center; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; height:650px;overflow: hidden;}
.focusBox .pic li{ width:100%; height:650px; overflow: hidden;}
.focusBox .pic img { width:100% !important; height:650px; display: block; }
.focusBox .hd { width:100%; position:absolute; bottom:10px; text-align:center; z-index:10; padding:0px; overflow:hidden;}
.focusBox .hd li{ display:inline-block; *display:inline; margin: 4px 5px; height: 10px; width: 20px; cursor: pointer; zoom:1; background:#CCC; filter:alpha(opacity=90); opacity:0.9; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; overflow: hidden; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out;}
.focusBox .hd .on{ background:#2363ae; width:32px; filter:alpha(opacity=100); opacity:1;}
.focusBox .prev,
.focusBox .next { width: 60px; height: 60px; margin: -48px 0px 0px; display: none; background: url(../images/vbg01.png) 0 0 no-repeat rgba(0,0,0,.3);  position: absolute; top: 50%; z-index: 10; cursor: pointer; border-radius: 3px; }
.focusBox .prev { left: 3%; }
.focusBox .next { background: url(../images/vbg01.png) -45px 0 no-repeat rgba(0,0,0,.6); right:3%;}
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }

/*搜索*/
.search_nbg{width: 100%; min-width:1300px; height:72px; margin:0 auto;position:absolute; top:579px;background: #fff;border-bottom: 1px #eee solid;}
.search{ height:72px; border-bottom: 1px solid #edeeef;}
.keywords{ line-height:72px;}
.keywords span{ font-size:14px; color:#2363ae;}
.keywords a{ font-size:14px; color:#666666;}
.keywords a:hover{ color:#2363ae;}
.infoname{ margin: 0; height: 40px; line-height:40px; padding-left: 54px; color:#b9bcc1; background:url(../images/icon-ssinput.png) no-repeat 16px; width: 215px;font-size: 14px; height:72px; border:none; border-left:1px solid #edeeef;}
#search_r li:nth-child(2){width:75px;  height:72px; background:#2363ae;}
#search_r li:nth-child(2) input{border:none; margin:20px 21.5px;}
#search_r li{ float:left;}


/*实力*/
.trait{padding:70px 0 86px 0;background: #f2f2f2 url(../images/traitbg.png) no-repeat center bottom;}
.tratitl{text-align: center;font-size: 42px;color: #222222;}
.tratitl i{color: #2363ae;font-style: normal;}
.tratitl span{display: block;margin: 10px auto 46px auto; width:420px; line-height: 50px;background: #fff; border-radius: 25px;font-size: 20px;color: #888888;font-weight:100;}
.trait ul{height: 225px;background: #fff;border-radius: 10px;font-size: 0;}
.trait ul li{display: inline-block;vertical-align: top;width: 25%;height: 100%;text-align: center;font-size: 16px;color: #888888;font-weight: lighter;-webkit-box-shadow:5px 0 15px -5px #eee inset;box-shadow:5px 0 15px -5px #eee inset;-webkit-transition: all .3s ease;transition: all .3s ease; cursor:pointer;}
.trawa{padding: 0 50px;line-height: 30px;}
.trawa span{display: block;font-size: 24px;color: #222222;font-weight: normal;margin-bottom: 8px;-webkit-transition: all .3s ease;transition: all .3s ease;}
.traicon{display: inline-block;width: 33px;height: 33px;margin: 40px 0 15px 0;background: url(../images/icon-trait.png) no-repeat left top;-webkit-transition: all .5s ease;transition: all .5s ease;}
.trait ul li:nth-child(2) .traicon{background-position-x:-48px; }
.trait ul li:nth-child(3) .traicon{background-position-x:-98px; }
.trait ul li:nth-child(4) .traicon{background-position-x:-157px; }
.trait ul li:hover{background: #2363ae;color: #8cbef7; -webkit-box-shadow: none; box-shadow: none;}
.trait ul li:hover .trawa span{color: #fff;}
.trait ul li:hover .traicon{background-position-y:-47px; }

/*-------- pro --------------*/
.t{ text-align: center; font-size: 42px; color: #222222;}
.t b{color:#2363ae;position: relative;display: inline-block;margin-right: 10px;}
.t b:after{content: '';display: block;position: absolute;z-index: -1;height: 6px;background: #b7c0cb;bottom: 4px; width: 100%; -webkit-animation: widthchange 1.5s linear infinite; animation: widthchange 1.5s linear infinite; }
.t span{display: block;font-size: 18px;color: #666666;font-weight: lighter;margin: 12px 0;}
.t:after{content: '';display: block;height: 20px;background: url(../images/inavbg.png) no-repeat center;}

.pro{ padding:70px 0 50px; margin:0 auto; overflow:hidden;}
.slideTxtBox{ padding:0; margin:0 auto; overflow:hidden;}
.slideTxtBox .hd{ position:relative; line-height:98px; margin:40px auto ;  background:#eff6fe; padding:0;  }
.slideTxtBox .hd a.cur{ display:block; position:absolute; top:0; right:0; width:11.111111%; line-height:98px; font-size:18px; color:#333333; font-weight:lighter; -webkit-transition:all .3s ease; transition:all .3s ease; text-align:center;}
.slideTxtBox .hd a.cur{ background:#2363ae; color:#fff;}
.slideTxtBox .hd a.cur:hover{ background:#e50000;}
.slideTxtBox .hd ul{ margin:0 auto; overflow:hidden;}
.slideTxtBox .hd ul li{ float:left; width:14%; cursor:pointer; overflow:hidden;}
.slideTxtBox .hd ul li a{ display:block; font-size:16px; color:#333333; font-weight:lighter; -webkit-transition:all .3s ease; transition:all .3s ease; position:relative; text-align:center;}
.slideTxtBox .hd ul li a:after{ content:''; display:block; position:absolute; width:0; height:0; left:0; right:0; margin:0 auto; bottom:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:6px solid #2363ae; opacity:0; -webkit-transition:all .3s ease; transition:all .3s ease;}
.slideTxtBox .hd ul li:hover a{ font-weight:BOLD; color:#2363ae;}
.slideTxtBox .hd ul li:hover a:after{ opacity:1; bottom:19px;}
.slideTxtBox .hd ul li.on a{ font-weight:BOLD; color:#2363ae;}
.slideTxtBox .hd ul li.on a:after{ opacity:1; bottom:19px;}

.slideTxtBox .bd ul{overflow:hidden; zoom:1;  }
.slideTxtBox .bd ul li{ width:24%; margin:0 1.333% 1.333% 0; float:left; text-align:center; overflow:hidden;}
.slideTxtBox .bd ul li:nth-of-type(4n){ margin:0 0 1.333% 0;}
.slideTxtBox .bd ul li a{ display:block; margin:0; padding:10px; background:#f6f3f2; -webkit-transition:all .3s ease; transition:all .3s ease; overflow:hidden;}
.slideTxtBox .bd ul li a p{ padding:; overflow:hidden;}
.slideTxtBox .bd ul li a p img{ /*width:100%;*/ max-height:219px;}
.slideTxtBox .bd ul li a:hover p img{ -webkit-transform:scale(1.1); transform:scale(1.1);}
.slideTxtBox .bd ul li a p:nth-of-type(2){ font-size: 16px;color: #666666;display: block; line-height: 52px; background: #fff;padding: 0 15px;position: relative;text-align: left;-webkit-transition: all .3s ease; transition: all .3s ease;}
.slideTxtBox .bd ul li a p:nth-of-type(2):after{ content:''; display:block; position:absolute; right:0; top:0; width:52px; height:52px; background:#2363ae url(../images/icon-proyj.png) no-repeat center; border-radius:20px 0 0 0; -webkit-transition:all .3s ease; transition:all .3s ease;}
.slideTxtBox .bd ul li a:hover{ background:#e4e1e0;}
.slideTxtBox .bd ul li a:hover p:nth-of-type(2){ color:#2363ae;}
.slideTxtBox .bd ul li a:hover p:nth-of-type(2):after{ background-color:#f1c61e;}

/*------问题------*/
.problem_bg{background: url(../images/wtzxbg.jpg)no-repeat center; min-height: 250px;}
.problem_l p{color: #fff;font-size: 36px;font-weight: lighter;line-height: 42px;margin-bottom: 20px;margin-top: 64px;}
.probright{position:relative; width:760px;margin-top:56px;margin-right: 20px;}
.probright p{ padding-left:15px; position:absolute; line-height:28px; font-size:18px; color:#fff;}
.probright p:after{ content:''; display:block; width:8px; height:8px; position:absolute; top:12px; left:-6px; background:#fff;border-radius: 50%;}
.probright p:nth-child(1){ left:50px; top:40px;}
.probright p:nth-child(2){ left:-30px; top:100px;}
.probright p:nth-child(3){ left:460px; top:15px;}
.probright p:nth-child(4){ left:540px; top:55px;}
.probright p:nth-child(5){ left:490px; top:100px;}

/*------案例------*/
.case{ padding:70px 0; margin:0 auto; overflow:hidden;}
.case .showlist{ padding:30px 0 0; overflow:hidden;}
.case .showlist ul{ padding:0; overflow:hidden; }
.case .showlist ul li{ width:418px; float:left; margin:0 22px 22px 0; text-align:center;}
.case .showlist ul li:nth-of-type(3n){  margin:0 0 22px 0;}
.case .showlist ul li a{ display:block; background:#f6f3f2; overflow:hidden;}
.case .showlist ul li a p{ display:block;}
.case .showlist ul li a p:nth-of-type(1){ margin:20px 20px 0; overflow:hidden;}
.case .showlist ul li a p img{ width:100%;}
.case .showlist ul li a:hover p img{ -webkit-transform:scale(1.1); transform:scale(1.1);}
.case .showlist ul li a p:nth-of-type(2){ line-height:70px; text-align:center; display: block; position: relative; font-size: 16px;}
.case .showlist ul li a p:nth-of-type(2):before{ position:absolute; display:block; content:'+'; width:43px; height:43px; font-size:22px; line-height:50px; color:#fff; text-indent:25px; bottom:0; right:0; z-index:2; -webkit-transition:0.6s; transition:0.6s;}
.case .showlist ul li a p:nth-of-type(2):after{ position:absolute; display:block; content:''; width:800px; height:800px; -webkit-transform:rotate(45deg); transform:rotate(45deg);bottom:-588px; right:-736px; background:#2363ae; -webkit-transition:0.6s;transition:0.6s;}
.case .showlist ul li a:hover p:nth-of-type(2):before{ content: '+'; bottom: 180px; right: 50%; margin-right: -22px; -webkit-transition:0.6s; transition:0.6s; border: 1px solid #fff; text-indent: 0; border-radius: 60px; line-height: 44px;}
.case .showlist ul li a:hover p:nth-of-type(2):after{ opacity:0.6;bottom: -144px;right: -131px;-webkit-transition:0.6s;transition:0.6s;background:rgba(35,99,174,0.8);}
.case .casemore{ margin:0 auto; padding:30px 0 0; overflow:hidden;}
.case .casemore a{ display:block; margin:0 auto; width: 178px; line-height: 55px; text-align: center; color: #fff; font-size: 16px; font-weight:lighter; background: #2363ae; -webkit-transition: all .3s ease;transition: all .3s ease;}
.case .casemore a:hover{ background:#e50000;}

/*-------- about --------------*/
.about{ padding:70px 0 0px 0;background: #f1f1f1; overflow:hidden;}
.about .abcon{ border: 18px solid #2363ae;width: 1300px;margin: 40px auto;}
.about .abcon .abpic{ width: 583px;height: 480px;background: #aaa; cursor:pointer; overflow:hidden;}
.about .abcon .abpic img{ width: 100%; height: 100%;}
.about .abcon .abpic:hover img{ -webkit-transform:scale(1.1); transform:scale(1.1);}
.about .abcon .abright{ width: 590px;margin: 50px 50px 0 0;}
.about .abcon .abright .ab_t{ font-size: 35px;color: #2363ae;}
.about .abcon .abright .ab_t em{ text-transform: uppercase;font-size: 25px;color: #6e6e6e;}
.about .abcon .abright .ab_w{ margin: 30px 0 50px 0;font-size: 15px;color: #666666;font-weight: lighter; line-height: 35px;}
.about .abcon .abright .abbtn a{ display: inline-block; width: 178px; height: 55px; line-height: 55px; text-align: center;color: #fff; font-size: 16px; font-weight:lighter; background: #2363ae;-webkit-transition: all .3s ease;transition: all .3s ease;}
.about .abcon .abright .abbtn a+a{ margin-left: 20px;}
.about .abcon .abright .abbtn a:hover{ background: #223448;}
.about .num{ font-size: 0; padding: 60px 0; text-align: center; -webkit-box-shadow:0 5px 50px -5px #ddd inset,0px -5px 50px -5px #ddd inset ; box-shadow:0 5px 50px -5px #ddd inset,0px -5px 50px -5px #ddd inset ;}
.about .num ul{ width:100%; max-width:1300px; margin:0 auto; overflow:hidden;}
.about .num ul li{ display:  block; float:left; width: 25%; font-size: 16px; color: #666666; font-weight: lighter; text-align:center; overflow:hidden;}
.about .num ul li span{ display: block; position:relative; line-height:87px; font-size: 65px; color: #2363ae; font-family: fontDin1; margin-bottom: 15px;}


/*-------- 03 新闻 xilie  --------------*/
.news{ width:100%; margin:0 auto; padding:60px 0; clear:both; background:url(../images/yin_line04.png) no-repeat center top; text-align:center; overflow:hidden;}
.news .xwlist{ padding:40px 0 0; overflow:hidden;}
.news .xwlist .xwl{ width:30%; margin:0; padding:0; text-align:center; overflow:hidden;} 
.news .xwlist .xwl .lnr{ padding: 30px 15px ; background:#F8F8F8; overflow:hidden;}
.news .xwlist .xwl .lnr h1{ display:block; padding:0; line-height:25px; color:#2363ae; font-size:24px; text-align:left; font-weight:normal; overflow:hidden;}
.news .xwlist .xwl .lnr h1 a{ display:block; float:right; width:100px; line-height:28px; margin:0; font-size:14px; background:#2363ae; color:#FFF; text-align:center;}
.news .xwlist .xwl .lnr h1 a:hover{ background:#e50000;}
.news .xwlist .xwl .lnr h2{ padding:0 0 10px 0; line-height:20px; color:#2363ae; text-transform:uppercase; text-align:left; font-size:13px; font-weight:normal;}
.news .xwlist .xwl .lnr .xwhot{ overflow:hidden; text-align:center; margin:0 auto;}
.news .xwlist .xwl .lnr .xwhot a{ display:block; overflow:hidden;}
.news .xwlist .xwl .lnr .xwhot a p{ display:block; overflow:hidden;}
.news .xwlist .xwl .lnr .xwhot a p img{ max-width:100%;}
.news .xwlist .xwl .lnr .xwhot a:hover p img{ transform: scale(1.1,1.1);}
.news .xwlist .xwl .lnr .xwhot a h3{ line-height:30px; padding: 15px 0; font-size:18px; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .xwlist .xwl .lnr .xwhot a .xwms{ min-height:69px; line-height:23px; padding:0; margin:0 auto 20px; font-size:13px; text-align:left; color:#666;}
.news .xwlist .xwl .lnr .xwhot a em{ padding: 0 0 0 0; display:block; position:relative; width: 90px; line-height:25px; white-space: nowrap; color: #999; font-style: italic; font-size: 14px; transition: 0.3s all ease;}
.news .xwlist .xwl .lnr .xwhot a em:after{content: ''; display: block; width: 0px; height: 1px; background: #195093; position: absolute; top: 12px; left: 0; transition: 0.3s all ease;}
.news .xwlist .xwl .lnr .xwhot a:hover em{  padding:0 0 0 100px;}
.news .xwlist .xwl .lnr .xwhot a:hover em:after{ width:90px;}

.news .xwlist .xwr{ width:67%; margin:0; padding:0; text-align:center; overflow:hidden;} 
.news .xwlist .xwr .rtop{ margin: 0; padding:30px 0; background:#FFF; border-top:1px #EEE solid; text-align:left; overflow:hidden;}
.news .xwlist .xwr .rtop h1{ display:block; padding:0; line-height:28px; color:#00479c; font-size:24px; text-align:left; font-weight:normal; overflow:hidden;}
.news .xwlist .xwr .rtop h1 span{ color:#bb0a12;}
.news .xwlist .xwr .rtop h1 a.cur{ display:block; float:right; width:12%; line-height:28px; font-size:14px; background:#2363ae; color:#fff; font-weight:lighter; -webkit-transition:all .3s ease; transition:all .3s ease; text-align:center;}
.news .xwlist .xwr .rtop h1 a.cur:hover{ background:#e50000;}
.news .xwlist .xwr .rtop h2{ padding:0 0 10px 0; margin:0 0 10px 0; line-height:20px; color:#e0e0e0; text-transform:uppercase; text-align:left; font-size:13px; font-weight:normal; border-bottom:1px #EEE solid;}
.news .xwlist .xwr .rtop ul{ position:relative; margin:0 auto; padding:0 0 20px; text-align:center; overflow:hidden;}
.news .xwlist .xwr .rtop ul:before{ display:block; position:absolute; content:''; width:90px; height:3px; background:#EEE; left:0; bottom:0;}
.news .xwlist .xwr .rtop ul li{ width:48%; margin:0; float:left; line-height:36px; text-align:left; overflow:hidden; cursor:pointer;}
.news .xwlist .xwr .rtop ul li:nth-child(2n){ float:right; margin:0;}
.news .xwlist .xwr .rtop ul li a{ display:block; font-size:14px; color:#000; text-transform:uppercase; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .xwlist .xwr .rtop ul li a:hover{ color:#00479c;}

.news .xwlist .xwr .rbottom{ margin: 0; padding:30px 0 0; background:#FFF; border-top:1px #EEE solid; text-align:left; overflow:hidden;}
.news .xwlist .xwr .rbottom .w50{ width:calc(100% / 2 - 17px); overflow:hidden;}
.news .xwlist .xwr .rbottom h1{ display:block; padding:0; line-height:28px; color:#00479c; font-size:24px; text-align:left; font-weight:normal; overflow:hidden;}
.news .xwlist .xwr .rbottom h1 span{ color:#bb0a12;}
.news .xwlist .xwr .rbottom h1 a.cur{ display:block; float:right; width:25%; line-height:28px; font-size:14px; background:#2363ae; color:#fff; font-weight:lighter; -webkit-transition:all .3s ease; transition:all .3s ease; text-align:center;}
.news .xwlist .xwr .rbottom h1 a.cur:hover{ background:#e50000;}
.news .xwlist .xwr .rbottom h2{ padding:0 0 10px 0; margin:0 0 10px 0; line-height:20px; color:#e0e0e0; text-transform:uppercase; text-align:left; font-size:13px; font-weight:normal; border-bottom:1px #EEE solid;}
.news .xwlist .xwr .rbottom ul{ position:relative; margin:0 auto; text-align:center; padding:0 0 20px; overflow:hidden;}
.news .xwlist .xwr .rbottom ul:before{position:absolute; left:0; bottom:0; content:''; display:block; width:90px; height:3px; background:#EEE;}
.news .xwlist .xwr .rbottom ul li{ margin:0; line-height:36px; text-align:left; overflow:hidden; cursor:pointer;}
/*.news .xwlist .xwr .rbottom ul li:nth-child(2n){ float:right; margin:0;}*/
.news .xwlist .xwr .rbottom ul li a{ font-size:14px; color:#000; text-transform:uppercase; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.news .xwlist .xwr .rbottom ul li a:hover{ color:#00479c;}



/*----------版权 footer ---------*/
.copyright{ background:#181818; /*padding-top:60px;*/ overflow:hidden;}
.crcontact{  background:rgba(0,0,0,0.6); /*background:#fff;*/ padding:40px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; }
.crcontact li{ width:calc(100% / 3); display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.crcontact_t span{ display:block; font-size:16px; color:#CCC;/*color:#717477;*/ font-weight:lighter; margin:10px 0 25px 0;}
.crcontact_t em{ font-size:26px; color:#2363ae; font-family:Arial, Helvetica, sans-serif;    font-style: normal;}
.crcontact_t{ font-size:16px; color:#CCC;/*color:#333333;*/}
.crcontact_t i{ font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#CCC;/*color:#222222;*/font-style: normal;}
.crcontact li p+p{ margin:5px 0 0 40px;}
.crcon{ padding:60px 0 0 0; border-bottom:1px solid #2c2c2c;}
.crcon .middle,.kslj{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.kslj p{ font-size:20px; color:#fff; margin-bottom:20px;}
.kslj a{ display:block; font-size:14px; color:#898989; line-height:30px;}
.kslj a:hover{ color:#fff;}
.kslj li{ height:187px; padding:0 80px; border-left:1px dashed #2f2f2f;}
.kslj li:last-child{ border-right:1px dashed #2f2f2f;}
.crcode{ width:218px; height:244px; background:url(../images/icon-ewmbg.png) no-repeat center; margin-bottom:1px;}
.crcode img{ width:186px; height:186px; margin:56px 0 0 17px;}
.end{ /*height:128px;*/ height:88px; line-height:88px; border-top:1px solid #000000; overflow:hidden;}
.end p{ display:block; width:calc(100% / 2); text-align:left; overflow:hidden;}
.end p:nth-of-type(2){ text-align:right;}
.end,.end p,.end a{ font-size:15px; color:#898989;}
.end a:hover{ color:#fff;}
.links{ color:#fff; background:#2363ae; /*background:#0e5dd4;*/}
.links .middle{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center; height:85px;}
.links .middle>p{ font-size:16px; color:#fff; font-weight:bold; padding-left:35px; background:url(../images/icon-links.png) no-repeat left center; line-height:26px;}
.links .middle>p span{ font-size:18px; padding:0 20px 0 5px;}


/*---------- frame : 内页 ---------*/
.ny-banner{ width:100%; height:341px; margin:0px auto; padding:0px; text-align:center; overflow:hidden;}

.banner-n,.banner-n .bd li{height:400px;background: #000;}
.banner-n .banner-btn a.prev,.banner-box .banner-btn a.next{top:130px;background-image:url(../images/banner-nicolrjt.png);}
.banner-n .hd ul li.on{background:#2363ae;}
.banner-n{min-width:1200px;position:relative;overflow:hidden;}
.banner-n .bd{ width:100% !important;}
.banner-b{position: absolute;bottom: 0;}
.banner-n .bd li{width:100%;background-position: center;background-repeat: no-repeat;}
.banner-n .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;}
.banner-btn a{display:block;width:49px;height:104px;position:absolute;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all ease-in-out}
.banner-btn a.prev{left:-54px;background-repeat:no-repeat;background-position:0 0;} 
.banner-btn a.next{right:-54px;background-repeat:no-repeat;background-position:-49px 0;}
.banner-n:hover .banner-btn a.prev{ left:54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-n:hover .banner-btn a.next{ right: 54px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-n .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
.banner-n .hd {position:absolute;bottom:20px;width: 100%;display: block;}
.banner-n .hd ul{ text-align: center}
.banner-n .hd ul li{ width:20px; height:10px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out}
.banner-n .hd ul li.on{ width: 32px;}

.position{ display:block; margin:0 auto 20px; padding:10px 0 ; font-size:16px; text-align:left; text-transform:uppercase; border:1px dashed rgba(200, 200, 200, 1); overflow:hidden;}
.position p{ padding:0 0 0 40px; margin:0 0 0 20px; background:url(../images/icon-position.png) no-repeat left 4px; line-height:30px; }
.position p a{ font-size:16px; }
.position p a:hover{ color:#2363ae;}

.left-nav{ padding:25px 0 15px; margin:0 auto; text-align:left; background:#FFF; border-left:1px #F2F2F2 solid; border-right:1px #EEE solid; overflow:hidden;}
.left-nav ul{ overflow:hidden;} 
.left-nav ul li{ display:block; line-height:45px; padding:0 25px; margin:0 auto 10px; transition: all 0.36s; overflow:hidden;}
.left-nav ul li a{ display:block; padding:0 0 0 30px; color:#333333; font-size:15px; text-align:left; border: 1px #EEE solid;}
.left-nav ul li a:hover{  background:#2363ae; color:#FFF;}
.left-nav ul li.lihover a{  background:#2363ae; color:#FFF;}


.wrapper{width:100%; padding:40px 0; margin:0 auto;  text-align:center; overflow:hidden;}
.wrapper .w20{ width:20%; overflow:hidden;}
.wrapper .w20 h2{ background:#2363ae url(../images/nltopbg.png) no-repeat center center; overflow:hidden;}
.wrapper .w20 h2 p:nth-of-type(1){line-height:30px; padding:25px 0 0 50px; font-size:26px; color:#FFF; text-align:left; font-weight:bold;}
.wrapper .w20 h2 p:nth-of-type(2){line-height:30px; padding:0 0 25px 50px; font-size:16px; color:#FFF; text-align:left; font-weight:normal;}
.wrapper .w20 .lend{ padding:20px 0; background:#2363ae; text-align:left; }
.wrapper .w20 .lend p{ padding:0 0 0 15px; line-height:24px; font-size:18px; color:#FFF; font-weight:bold; overflow:hidden;}
.wrapper .w20 .lend h4{ padding:0 0 0 50px; line-height:25px; font-size:20px; color:#FFF; font-weight:bold; font-family:'Microsoft YaHei'; text-align:left; background:url(../images/c1-4.png) no-repeat 8% center;}
.wrapper .w20 .lend h4:nth-of-type(1){ padding: 10px 0 5px 50px;}
.wrapper .w80{ width:77%; overflow:hidden;}
.wrapper .w80 .prolistname{  padding:10px 0; line-height:25px; margin:0 auto; text-align:left; border-bottom:1px #CCC solid; font-size:22px; font-weight:bold; overflow:hidden;}
.wrapper .w80 .prolistname span{ float:right; font-size:14px; color:#AAA; font-weight:normal; font-family:"Microsoft YaHei";}
.wrapper .information{ min-height:400px; padding:0 0 15px 0; margin:0 auto; line-height:28px; font-size:14px; text-align:left; overflow:hidden;}
.wrapper .proinformation{ min-height:400px; padding:0 0; margin:0 auto; line-height:28px; font-size:14px; text-align:left; overflow:hidden;}



/*---------- neiye join ---------*/
.boxl{ width:40%; float:left; padding:0; margin:0; text-align:center; overflow:hidden;}
.boxl .op-one{ padding:0 0 3% 0; margin:0; line-height:30px; font-size:1.4rem; text-align:left;}
.boxl .op-two{ padding:0; margin:0; line-height:36px; font-size:1.0rem; color:#AAA; text-align:left;}
.boxr{ width:58%; float:right; margin:0; padding:0; text-align:center; overflow:hidden;}
input.intxt, input.input-file, input.code, textarea {width:80%;font-family:"Microsoft YaHei";padding: 6px 4px;font-size: 13px;outline: none;text-shadow: 0px 1px 0px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #ccc;color:#333333;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;background: #fff ;}
select.dede_experts{width:260px;font-family:"Microsoft YaHei";padding: 6px 4px;font-size: 13px;outline: none;text-shadow: 0px 1px 0px #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;border: 1px solid #ccc;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;background: #fff ;}
.coolbg{ padding:8px 30px; font-size:14px; color:#333333; font-family:"Microsoft YaHei","微软雅黑"; cursor:pointer; overflow:hidden;}


/*---------- frame : 内页列表  box-shadow: 0px 0px 3px rgba(0,0,0,.1); ---------*/
.listbox{ overflow:hidden; clear:both; margin:0 auto; padding:0;}
.e8{ display:block; padding:0; margin:0 auto; text-align:center; overflow:hidden;}
.e8 li{ width:32%; float:left; padding:0; margin:0 2% 2% 0;transition: all 0.4s; text-align:center; background:#F6F6F6; cursor:pointer; overflow:hidden;}
.e8 li:nth-child(3n){ margin:0 0 2% 0;}
.e8 li a { display:block; position:relative; min-height:313px; overflow:hidden;}
.e8 li a:before{ content: '';position: absolute;width: 0;height: 0;z-index: 222;box-sizing: border-box;transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s;opacity: 0; top: 0;left: 0;border-top: 1px solid #2363ae;border-right: 1px solid #2363ae;border-bottom: 1px solid transparent;border-left: 1px solid transparent;}
.e8 li a:after{ content: '';position: absolute;width: 0;height: 0;z-index: 222;box-sizing: border-box;transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s;opacity: 0; bottom: 0;right: 0;border-bottom: 1px solid #2363ae;border-left: 1px solid #2363ae;border-top: 1px solid transparent;border-right: 1px solid transparent;}
.e8 li a:hover:before,.e8 li a:hover:after{ width: 100%; height: 100%; transition: width 0.5s linear 0s, height 0.5s linear 0.5s; opacity: 1;}
.e8 li a .pic{ display:block; height:240px; padding:0; margin:0 auto; cursor:pointer; overflow:hidden;position:relative;}
.e8 li a .pic img{ max-width:100%; max-height:240px; filter: alpha(opacity=100);opacity: 1; position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}
.e8 li a:hover .pic img{ filter:alpha(opacity=100); opacity:1; transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.e8 li a .title{ position:absolute; bottom:0; left:0; width:100%; padding:10px 15px 15px; text-align:left; border-top:1px #FFF solid; overflow:hidden; z-index:9;}
.e8 li a .title p{ color:#333;}
.e8 li a .title p:nth-of-type(1){ display:block; line-height:30px; padding:0 0 5px; font-size:16px; overflow:hidden;}
.e8 li a .title p:nth-of-type(2){ margin:0; height:12px; background:url(../images/icon-prolist.png) no-repeat; overflow:hidden;}
.e8 li a:hover .title p:nth-of-type(2){ background-position:0px -12px; transition:all 0.3s;}
.e8 li a:hover .title p{ color:#FFF;}
.e8 li a i{ position:absolute; display:block; width:100%; height:0; left:0; top:0; background:rgba(0,0,0,0.4); transition:all 0.3s; z-index:1;}
.e8 li a:hover i{ height:240px; left:0; top:0; font-style:normal;}
.e8 li a span{ position:absolute; left:50%; top:30%; display:block; width:60px; margin:0 0 0 -30px; line-height:60px; text-align:center; color:#FFF; border:1px #FFF solid; filter:alpha(opacity=0) !important;opacity:0 !important; transition:all 0.3s;border-radius:50%; z-index:2; }
.e8 li a:hover span{ filter:alpha(opacity=100) !important;opacity:1 !important; }
.e8 li a em{ position:absolute; display:block; width:100%; height:0; left:0; bottom:0; background:#2363ae; transition:all 0.3s; z-index:1;}
.e8 li a:hover em{ height:72px;}
.e8 li a strong{ display: block; position: absolute; right: 0; bottom: 0; width: 72px; height: 72px; background: #2363ae url(../images/icon-proyj.png) no-repeat center; border-radius: 20px 0 0 0;-webkit-transition: all .3s ease; transition: all .3s ease; z-index:9}
.e8 li a:hover strong{ background-color:#f1c61e;}
.e8 li a .title b{ font-weight:normal;}


/*---新闻列表 font-weight:bold;---*/
.e2{ padding:0; margin:0 auto; display:block; overflow:hidden;}
.e2 li{ display:block; line-height:41px; padding:0; margin:0 auto 10px; border-bottom:1px #E1E1E1 dashed;  overflow:hidden;}
.e2 li a{ display:block; font-size:15px; padding:0 0 0 22px; background:url(../images/newswenzhagn.png) no-repeat left center; overflow:hidden; }
.e2 li span{ padding:0; font-size:13px; color:#a5a5a5; text-align:left; overflow:hidden;}

/*---------- frame : 内页详细页 ---------*/
.pleft{ overflow:hidden;}
.viewbox{ padding:8px 0; margin:0 auto; overflow:hidden;}
.viewbox .title{ line-height:30px; text-align:center; overflow:hidden;}
.viewbox .title h2{ font-size:1.2rem; color:#444; font-weight:normal;}
.viewbox .title p{ font-size:1.0rem; color:#AAA;}
.viewbox .info{ text-align:center; line-height:32px; padding:0 0 5px 0; margin:0 0 10px 0; color:#AAA; font-size:14px;  border-bottom:1px #EEE solid;  overflow:hidden;}
.viewbox .intro h3{ font-size:16px;}

.viewbox .content{ font-size:13px; padding:15px 0; line-height:25px; color:#333; overflow:hidden;}
.viewbox .boxoff{ height:20px; background:url(../images/boxoff.gif) left 15px repeat-x; margin:0 auto; padding-top:10px; overflow:hidden; clear:both;}
.viewbox .boxoff strong{ display:block; width:8px; height:10px; overflow:hidden; font-size:0px; line-height:100px; background:url(../images/boxoff.gif) right -10px no-repeat; float:left;}

.viewbox .handle{ min-height:59px; padding-top:12px; padding-bottom:12px; overflow:hidden;clear:both;}
.viewbox .handle .context{ text-align:left; overflow:hidden;}
.viewbox .handle .context ul{ overflow:hidden;}
.viewbox .handle .context ul li{line-height:29px;color:#484848; font-size:14px;}
.viewbox .handle .context ul li a{ color:#484848; font-size:14px;}
.viewbox .handle .context ul li a:hover{color:#2363ae;}

.viewbox .img-pic{ padding:0px; margin:0px; overflow:hidden;}
.viewbox .img-pic img{ max-width:860px; border:none;}

.viewbox .picbox{ margin:0 auto; border-top: 1px dashed #dbdbdb; overflow:hidden;}
.viewbox .picbox h4 {margin:15px 0; padding-bottom:15px; border-bottom: 1px dashed #dbdbdb; font-size: 18px; }

.viewbox .xgnews{ margin:0 auto; border-top: 1px dashed #dbdbdb; overflow:hidden;}
.viewbox .xgnews h4 { margin:15px 0; font-size: 18px; }
.viewbox .xgnews ul{ overflow:hidden;}
.viewbox .xgnews ul li { line-height: 40px; width:48%; float:left; border-top: 1px dashed #dbdbdb;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; text-align:left;}
.viewbox .xgnews ul li:nth-of-type(2n){ float:right;}
.viewbox .xgnews ul li a{ font-size:13px;}
.viewbox .xgnews ul li span { float: right;}

/*---------- frame : 分页  border-radius :20px;   .dede_pages ul li.thisclass,---------*/
.pagesbox{ margin:0 auto; padding:20px 0; color: #666; text-align:center; overflow:hidden;}
.page_list{ text-align:center; padding-top:5px; padding-bottom:5px; overflow:hidden;}
.page_list a,.page_list  span,.page_list select{ display: inline-block; padding: 0 10px; height: 30px; border-radius: 30px; line-height: 30px; border: 1px solid #eee;}
.page_list select{ width: auto !important;background: #eee; font-family:'微软雅黑';}
.page_list a:hover{ background:#2363ae; color:#FFF;}
.page_list span.current{ background: #2363ae;color: #fff;}




/*---客服---*/
.my-kefu{ position: fixed;right: 0px;top:20%;z-index:9999;}
.my-kefu ul{ width: 77px;}
.my-kefu li a{ text-decoration: none;}
.my-kefu li{ background: #2363ae;margin-top: 1px;padding: 9px 0; min-height: 56px; width: 77px; cursor:pointer}
.my-kefu li i{ background: url(../images/icon-kefu.png) no-repeat; display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;}
.my-kefu li p{ height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;}
.my-kefu .my-kefu-qq i{ background-position: 4px 0;}
.my-kefu .my-kefu-tel i{ background-position: 0 -25px;}
.my-kefu .my-kefu-tel1 i{ background-position: -35px 4px;}
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-tel2 i{ background-position: -35px 4px;}
.my-kefu .my-kefu-tel2:hover{ width:246px; height:145px;}
.my-kefu .my-kefu-liuyan i{ background-position: 4px -53px;}
.my-kefu .my-kefu-weixin i{ background-position: -34px 4px;}
.my-kefu .my-kefu-weibo i{ background-position: -30px -22px;}
.my-kefu .my-kefu-ftop{ background-color:#2363ae;}
.my-kefu .my-kefu-ftop i{ width:33px; height:35px; background-position: -27px -51px;}
.my-kefu-left{ float: left; width: 77px; min-height: 56px; position: relative;}
.my-kefu-tel-right{ font-size: 20px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; margin-top: 10px;}
.my-kefu-tel1-right{ font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-tel2-right{ font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;}
.my-kefu-right{ width: 20px;}
.my-kefu-tel-main{ color: #fff; margin-top: 9px; min-height: 56px; width: 247px;}
.my-kefu-main{ width: 97px; min-height: 56px; position: relative;}
.my-kefu-weixin-pic{ position: absolute; left: -130px; top: -24px; display: none;}